@import '~antd/dist/antd.css';
* {
  margin: 0;
  padding: 0;
}
html,body {
  width: 100%;
  height: 100%;
}
#root {
  width: 100%;
  height: 100%;
}
.myhaeader {
  width: 100%;
  height: 80px;
  background: red;
}
.appwrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.left {
  width: 150px;
  height: 100%;
  overflow-y: auto;
  background: pink;
  text-align: center;
}
.right {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  background: yellow;
  
}
dl {
  width: 30%;
  height: auto;
}
.dlwrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-start;
  align-items: stretch
}
.active {
  background: #ccc;
}
.shopappwrap {
   width: 100vw;
   height: 100vh;
  
 
}
.shopcontent {
  height: 86vh;
  overflow-y: auto;
  height: calc(100vh-"86px");

}
.active {
  color: red;
}